<%@ tag language="java" pageEncoding="UTF-8" body-content="scriptless" trimDirectiveWhitespaces="true"%>
<%@ attribute name="divTitle" type="java.lang.String" required='true' description="tabs title"%>
<%@ attribute name="active" type="java.lang.Boolean" description="tab active"%>
<%@ attribute name="tabId" type="java.lang.String" required='true' description="tab id"%>
<div class="tab-pane" data-divtitle="${divTitle}" id="${tabId}" data-active="${active}" data-active="${fade}">
    <p>
        <jsp:doBody/>
    </p>
</div>

<script type="text/javascript">
(function(){
	var active = "${active}"=="true";
	active && $("#${tabId}").addClass("active");
})();
</script>